<template>
    <!-- <div class="newsinfo-container">
       <h3 class="title">{{newsinfo.title}}</h3> 
       <p class="subtitle">
           <span>发表时间：{{newsinfo.add_time |dateFormat}}</span>
           <span>点击：{{newsinfo.click}}次</span>
       </p>
       <hr style=" border-top:1px solid black;" />
       <div class="content" v-html="newsinfo.content">
       </div>
    </div> -->
    <div class="newsinfo-container">
        <!-- 大标题、 -->
       <h3 class="title">新闻标题</h3> 
       <!-- 子标题 -->
       <p class="subtitle">
           <span>发表时间：</span>
           <span>点击：次</span>
       </p>
       <hr style=" border-top:1px solid black;" />

        <!-- 评论区 -->
       <div class="content" >
           <!-- 评论子组件 -->
           <comment-box></comment-box>
       </div>

    </div>

</template>
<script>
import comment from '../subcomponents/comment.vue';

import{Toast} from "mint-ui"
export default {
    data(){
        return{
            // id:this.id=$route.params.id,
            // newsinfo:{}
    }},
    created(){
        // this.getNewsInfo()
    },
    methods:{
        // getNewsInfo(){
        //     this.$http.get("api/getnew"+this.id).then(result=>{
        //         if(result.body.status ===0){
        //             this.newsinfo=result.body.message[0];
        //         }else{
        //             Toast("获取失败！")
        //         }
        //     })
        // }
    },
    components:{
        "comment-box":comment

    }
    
}
</script>
<style lang="" scoped>
    .newsinfo-container{
        padding: 0 4px;
    }
    .title{
          font-size: 16px;
          text-align:center;
          margin: 15px 0;
          color: red;  

        }
        .subtitle{
            font-size: 13px;
            color: #226aff;
            display: flex;
            justify-content: space-between
        }
    
</style>